﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="MultipleChoice.aspx.cs" Inherits="Framework.MultipleChoice" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        #multiple_question .question, #multiple_question .result, #multiple_question .item, #multiple_question #btnFish {
            display: none;
        }
    </style>
    <script src="/Js/multiplechoice.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="multiple_question">
        <div class="information">
            <table>
                <tr>
                    <td>Họ và tên</td>
                    <td>
                        <input type="text" id="txtFullName" /></td>
                </tr>
                <tr>
                    <td>Email</td>
                    <td>
                        <input type="text" id="txtEmail" /></td>
                </tr>
                <tr>
                    <td>Điện thoại</td>
                    <td>
                        <input type="text" id="txtPhone" /></td>
                </tr>
                <tr>
                    <td>Nghề nghiệp</td>
                    <td>
                        <input type="text" id="txtJob" /></td>
                </tr>
                <tr>
                    <td></td>
                    <td><span id="btnStart">Bắt đầu</span></td>
                </tr>
            </table>
        </div>
        <div class="question">
            <asp:Repeater runat="server" ID="rpQuestion" OnItemDataBound="rpQuestion_ItemDataBound">
                <ItemTemplate>
                    <div class="item">
                        <p><%#Eval("Question") %></p>
                        <asp:Repeater runat="server" ID="rpAnswer" OnItemDataBound="rpAnswer_ItemDataBound">
                            <HeaderTemplate>
                                <ul>
                            </HeaderTemplate>
                            <FooterTemplate>
                                </ul>
                            </FooterTemplate>
                            <ItemTemplate>
                                <asp:Literal runat="server" ID="ltAnswer"></asp:Literal>
                            </ItemTemplate>
                        </asp:Repeater>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
            <%--<span id="btnPrev">Previous</span>--%>
            <span id="btnNext">Next</span>
            <span id="btnFish">Finish</span>
        </div>
        <div class="result">
            Kết quả:
            <label id="lvl_result"></label>
        </div>
    </div>
</asp:Content>
